<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<%@ include file="../core/core.jsp"%>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="renderer" content="webkit">

    <title>增值服务列表</title>
    <meta name="keywords" content="叮当猫">
    <meta name="description" content="叮当猫">


    <style>
        table.dataTable thead .sorting:after{
            content:'';
        }
    </style>
</head>

<body>

<div class="wrapper wrapper-content animated fadeInRight" >
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>基本 <small>查找，结果</small></h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">

                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper form-inline" role="grid"><div class="row" style="margin-bottom: 20px;">
                        <div class="col-sm-10">
                            <div id="DataTables_Table_0_filter" class="dataTables_filter">

                                服务种类：<select class="form-control m-b" name="account" id="valueAddedServicesKind1" style="width: 214px;line-height:30px;padding:0;margin-bottom: 0;height: 30px;">
                                <option value="">请选择种类</option>
                                <option value="1">叮当网电池保服务</option>
                                <option value="2">叮当网进水保服务</option>
                                <option value="3">叮当网延长保修服务</option>
                                <option value="4">叮当网半价换新服务</option>
                                <option value="5">叮当网碎屏服务</option>
                                <option value="6">叮当网意外服务</option>
                                <option value="7">叮当网至尊保服务</option>
                            </select>
                                <button class="btn btn-primary" style="" id="refer">查询</button>
                                 <button class="btn btn-primary" id="add" style="margin-left: 20px;" data-toggle="modal" data-target="#myModal5">添加增值服务</button>
                            </div>
                        </div>
                    </div>

                        <div class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog"  aria-hidden="true">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                        <h4 class="modal-title" id="addtitle" style="display: none">添加增值服务</h4>
                                        <h4 class="modal-title" id="mdtitle" style="display: none">修改增值服务</h4>
                                    </div>
                                    <div class="modal-body">

                                        <div class="form-group"><label>服务名称</label> <input type="text" id="name" placeholder="请输入服务名称" class="form-control"></div>
                                        <div class="form-group"><label>标签名称</label> <input type="text" id="label" placeholder="请输入标签" class="form-control" value="disabled" disabled></div>

                                        <div class="form-group"><label>服务类型</label>
                                            <select name="level" id="valueAddedServicesType" style="height: 34px;">
                                                <option value="2">按月服务</option>
                                                <option value="1">按次服务</option>

                                            </select>
                                        </div>
                                        <div class="form-group"><label>服务种类</label>
                                            <select name="level" id="valueAddedServicesKind" style="height: 34px;">
                                                <option value="">请选择种类</option>
                                                <option value="1">叮当网电池保服务</option>
                                                <option value="2">叮当网进水保服务</option>
                                                <option value="3">叮当网延长保修服务</option>
                                                <option value="4">叮当网半价换新服务</option>
                                                <option value="5">叮当网碎屏服务</option>
                                                <option value="6">叮当网意外服务</option>
                                                <option value="7">叮当网至尊保服务</option>

                                            </select>
                                        </div>

                                        <div class="form-group"><label>服务种类</label>
                                            <select name="level" id="state" style="height: 34px;">
                                                <option value="1">有效</option>
                                                <option value="0">无效</option>

                                            </select>
                                        </div>
                                        <div class="form-group"><label>服务期限( / 月)</label> <input type="text" id="warrantyPeriod" placeholder="请输入服务期限" class="form-control" ></div>
                                        <div class="form-group"><label>服务次数( / 次)</label> <input type="text" id="next" placeholder="请输入服务次数" class="form-control"  value="" value="disabled" disabled></div>
                                        <div class="form-group"><label>服务价格</label> <input type="text" id="price" placeholder="请输入服务价格" class="form-control" ></div>
                                        <div class="form-group"><label>详情路径</label> <input type="text" id="detailsUrl" placeholder="请输入详情路径" class="form-control"   value="" value="disabled" disabled></div>

                                    </div>

                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-white" data-dismiss="modal" id="close">关闭</button>
                                        <button type="button" class="btn btn-primary" id="save" style="display: none">保存</button>
                                        <button type="button" class="btn btn-primary" id="modification"  style="display: none">更新</button>

                                    </div>
                                </div>
                            </div>
                        </div>


                        <table class="table table-striped table-bordered table-hover dataTables-example dataTable" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
                            <thead>
                            <tr role="row">
                                <th class="sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 60px;" aria-sort="ascending">id</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">名称</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">标签名</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">状态</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">服务类型</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">服务种类</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">服务期限(/月)</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">服务次数(/次)</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">服务价格(/元)</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">详情路径</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 300px;">操作</th>
                            </tr>
                            </thead>
                            <tbody id="withdraw-record">

                            </tbody>
                        </table><div class="row"><div class="col-sm-6"><div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all">共 <span id="record"></span> 项</div></div><div class="col-sm-6"><div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate"><ul class="pagination"><li class="paginate_button previous disabled" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_previous"><a href="#">上一页</a></li><li class="paginate_button active" aria-controls="DataTables_Table_0" tabindex="0"><a href="#">1</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">2</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">3</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">4</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">5</a></li><li class="paginate_button " aria-controls="DataTables_Table_0" tabindex="0"><a href="#">6</a></li><li class="paginate_button next" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next"><a href="#">下一页</a></li></ul></div></div></div></div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>
</div>

</div>

<script src="../static/js/valueAddedServices/list.js" charset="utf-8"></script>
</body>

</html>
